<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="e" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<head>
 
<title>Apoltek</title>
 <style type="text/css">
            @import url("layout.css");
            @import url("forms.css");
			 @import url("style.css");
            @import url("superfish.css");
			 @import url("style_nivo.css");
        </style>	
		
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/hoverIntent.js"></script>
<script type="text/javascript" src="./js/superfish.js"></script>
<script type="text/javascript" src="./js/placeholder.js"></script>
<script type="text/javascript" src="./js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
// Slider stuff
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'slideInLeft', // Specify sets like: 'fold,fade,sliceDown'
        animSpeed:300, // Slide transition speed
        pauseTime:6000, // How long each slide will show
        directionNav:true, // Next & Prev navigation
        keyboardNav:true, // Use left & right arrows
        pauseOnHover:true // Stop animation while hovering
    });
});
</script>
<script type="text/javascript">
// Initialise menu plugin
jQuery(function(){
	jQuery('ul.sf-menu').superfish();
});
</script>
       
<meta charset="UTF-8"></head>

<body>

<div id="container">

		<!--Header begins-->
		<div id="headerContainer">
			
				<a class="logo" href="./index.html" title="Health Care Theme">Health Care Theme</a>
		
				<!--Personal File begins-->
				<div id="filenrContainer">
						<img src="./images/icon_file.png" alt="Personal File" title="Personal File" />
						<h4>Cari Obat</h4>
						<span>cari obat berdasarkan sakit Anda</span>
						<div class="clear"></div>
						<form action="">
								<input type="text" placeholder="Your filenumber">
								<input type="submit" value="" name="submit-search"> 
						</form>
				</div>
				<!--Personal File ends-->
				
				<div class="clear"></div>
	
		</div>
		<!--Header ends-->
		
		<div id="contentContainer">
				
					<!--Menu begins-->
					<div id="menubarborder">
					<div id="menubar">
					
							<ul class="sf-menu">
									
                    
      <li><a href="account?page=loggedin">Home</a></li>
          <li><a href="account?page=register">Register</a></li>
                    <li><a href="#">Help &amp; Support</a></li>

          <li><a href="#">Penyakit</a>
            <ul>
              <li><a href="#">Sakit kepala</a></li>
              <li><a href="#">Sakit kulit</a></li>
              <li><a href="#">Sakit dalam</a>
                <ul>
                  <li><a href="#">Sakit dalam</a></li>
                  <li><a href="#">Sakit dalam</a></li>
                  <li><a href="#">Sakit dalam</a></li>
                </ul>
              </li>
            </ul>
          </li>

          <li><a href="./contact.html">Contact us</a></li>
							</ul>
							
					</div>
					</div>
					<!--Menu ends-->
						
				<!--Content begins-->		
				<div id="content">
                                    <div id="middlePart">
                                    <div id="login">
                        <p><strong>Login here...</strong> ${error}</p>
                        <div id="loginform">
                            <form method="post" action="account?page=loggedin">
                                <div class="formblock">
                                    <label>Username</label>
                                    <input name="username" id="username" type="text" value="${tempLog.username}" class="textfields" />
                                </div>
                                <div class="formblock">
                                    <label>Password</label>
                                    <input name="password" id="password" type="password" class="textfields"/>
                                </div>
                                <div class="formblock">
                                    <input href ="account?page=loggedin" type="image" src="images1/loginbutton.jpg" name="button" id="button" value="Submit" />
                                </div>
                                <div class="clear">&nbsp;</div>
                                <p>
                                    <input name="" type="checkbox" value="" />
                                    Remember me on this computer </p>
                                <li><a href="lupapassword.jsp">Lupa password</a></li>
                            </form>
                        </div>
                                </div>
                                </div>
                                </div>

						

						<!--Slider begins-->
						
								
						</div>
						<!--Slider ends-->
						
						<!--Middle part begins-->
						
								<!--Welcome ends-->
								
								<!--Sidebar begins-->
								<div id="sidebar">
								
										<!--Quick search #1 begins-->
										<div class="sidebarBlock top">
												<div class="h2title">
														<img src="./images/icon_quickSearch.png" alt="Quick search" title="Quick search" />
			<div id="login">						
              <h2>Recent Obat Uploaded</h2>
														
              <span class="brown"><font size="2">Obat terbaru</font></span> </div>
											<ul class="listing"><li>
                            <div class="listinfo">
                                <img src="images1/imageholder.jpg" alt="Listing Image" class="listingimage" />
                                <h3>Panadol </h3>
                                <p>
                                    Lorem Ipsum Dolor Sit Amet</p>
                                <span class="media"> <img src="images1/icon_img.jpg" alt="Images" width="19" height="15" /> 12 Images <img src="images1/videos_icon.jpg" alt="Videos" width="21" height="18" /></span> 1 Video</div>
                            <div class="listingbtns">
                                <span class="listbuttons">
                                    <a href="#">View Details</a></span></div>
                            <div class="clear">&nbsp;</div>
                        </li>

                        <li>
                            <div class="listinfo">
                                <img src="images1/imageholder.jpg" alt="Listing Image" class="listingimage" />
                                <h3>Kalpanax</h3>
                                <p>
                                    Lorem Ipsum Dolor Sit Amet</p>
                                <span class="price">Rs. 500,000  </span>
                                <span class="media"> <img src="images1/icon_img.jpg" alt="Images" width="19" height="15" /> 12 Images <img src="images1/videos_icon.jpg" alt="Videos" width="21" height="18" /></span> 1 Video</div>
                            <div class="listingbtns">
                                <span class="listbuttons">
                                    <a href="#">View Details</a></span></div>
                            <div class="clear">&nbsp;</div>
                        </li>
                    </ul>
										<!--Quick search #1 ends-->
								
										<!--Quick search #2 begins-->
										<div class="sidebarBlock bottom">
												<div class="h2title">
														<img src="./images/icon_quickSearch.png" alt="Quick search" title="Quick search" />
														<h3 class="sidebar_head">Obat Categories  </h3>
                        <ul class="normalmenu">
                            <li><a href="#">Obat sakit kepala</a></li>
                            <li><a href="#">Obat sakit perut</a></li>
                            <li><a href="#">Obat sakit kulit</a></li>
                            <li><a href="#">Obat sakit kaki</a></li>
                            <li><a href="#">Obat sakit pinggang</a></li>
                            <li><a href="#">Obat sakit jiwa</a></li>
                            <li><a href="#">Obat sakit dalam</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
										</div>
										<!--Quick search #2 ends-->
										
								</div>
								<!--Sidebar ends-->
								
						</div>
						<!--Middle part ends-->

						<div class="clear"></div>
						
						<!--Bottom part begins-->	
						<div class="bottomPart mt30">
						
								
						
						</div>
						<!--Bottom part ends-->
						
						<div class="clear"></div>
						
				</div>
				<!--Content ends-->	
				
				<!--Footer begins-->	
				<div id="footerPart">
						<div class="footerLeft">
								1212 S. Jamie Summer Drive | Amsterdam, AB 22223 | tel 500.222.5000
						</div>
						<div class="footerRight">
								<ul>
										<li><a href="#" title="">About</a></li>
										<li><a href="./contact.html" title="">Contact</a></li>
										<li><a href="#" title="">Sitemap</a></li>
										<li><a href="#" title="">Privacy Policy</a></li>
										<li><a href="#" title="">Directions</a></li>
										<li><a href="#" title="">Insurance</a></li>
										<li><a href="#" title="">Careers</a></li>
								</ul>
						</div>
				</div>
				<!--Footer ends-->	
				
		</div>
		<!--ContentContainer ends-->	

</div>
<!--Container ends-->	

</body>
</html>
